
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Mr.郭/QQ:1007694939">
    <title>郭健博客 | 一个对web前端开发有着浓厚兴趣的90后站长网</title>
    <meta name="keywords" content="郭健,个人博客,yzmcms模板">
    <meta name="description" content="郭健,一名90后草根站长,互联网IT行业爱好者、对网站建设特别感兴趣,目前是一名web前端创业者；关注于web前端技术和CMS建站技术的学习研究,同时博客免费提供了yzmcms的各类模板(带源码)下载学习!">
    <!--引入Font Awesome字体库样式表-->
    <link rel="stylesheet" href="https://www.guojian945.com/common/static/gj-blog/fonts/css/font-awesome.min.css">
    <!--引入guojian.min.css组件样式表-->
    <link rel="stylesheet" href="https://www.guojian945.com/common/static/gj-blog/css/guojian.min.css">
    <!--引入style.css自定义样式表-->
    <link rel="stylesheet" href="https://www.guojian945.com/common/static/gj-blog/css/style.css">
    <!--引入jquery.min.js组件脚本-->
    <script src="https://www.guojian945.com/common/static/gj-blog/js/jquery-1.12.4.min.js" type="text/javascript"></script>
    <style type="text/css">
		.gj-content .gj-cont pre, .gj-zp-cont .gj-cont pre {padding: 10px;background-color: #f5f5f5;border-radius: 5px;}
	</style>
</head>

<body>

    <!--GJ-UI组件模块html代码开始-->
    <nav class="gj-nav1 gcl-yh">
        <!--响应式导航栏-->
        <div class="gnav gclear">
            <div class="gj-logo gj-left">
                <a href="http://www.guojian945.com/" title="郭健博客" style="color:#fff;font-size:30px;letter-spacing: 2px;margin: 4px 0;">郭健博客</a>
            </div>
            <i class="gbar fa fa-bars" aria-hidden="true"></i>
            <ul class="gnav-ul gj-right">
            <li class="gxz" ><a href="http://www.guojian945.com/"><i class="fa fa-home" aria-hidden="true"></i> 首页</a></li>
														 <li>
				 <a href="http://www.guojian945.com/study/">知识干货</a>
				 				 </li>
											 <li>
				 <a href="http://www.guojian945.com/theme/">我的作品</a>
				 				 </li>
											 <li>
				 <a href="http://www.guojian945.com/article/">谈天说地</a>
				 				 </li>
											 <li>
				 <a href="http://www.guojian945.com/mood/">心情说说</a>
				 				 </li>
				
        </ul>
        </div>
    </nav>    <div class="gcont">
        <div class="row">
            <div class="gj-lg-8">
                <div class="gj-slide1 gcl-hb">
                    <!--响应式轮播图-->
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                                                                                  <div class="swiper-slide">
                                <a href="/theme/1.html"><img src="http://www.guojian945.com/uploads/201802/01/180201024536538.jpg" alt="响应式HTML5黑白系个人网站主题GJ-blog1.0清爽版">
                                <p>响应式HTML5黑白系个人网站主题GJ-blog1.0清爽版</p></a>
                            </div>
							                            <div class="swiper-slide">
                                <a href="/theme/2.html"><img src="http://www.guojian945.com/uploads/ueditor/image/20180201/1517455943642890.jpg" alt="响应式橙色大气html5企业网站模板GJ-qiye">
                                <p>响应式橙色大气html5企业网站模板GJ-qiye</p></a>
                            </div>
							                        </div>
                        <div class="swiper-pagination"></div>
                        <!--分页器-->
                        <div class="swiper-button-prev">
                            <!--导航小按钮-->
                            <i class="fa fa-chevron-circle-left fa-2x" aria-hidden="true"></i></div>
                        <div class="swiper-button-next">
                            <!--导航小按钮-->
                            <i class="fa fa-chevron-circle-right fa-2x" aria-hidden="true"></i></div>
                    </div>
                </div>

                <div class="gj-wk gcl-hb">
                    <!--媒体列表-->
                    <div class="gj-bt">
                        <h3><i class="fa fa-list-ul" aria-hidden="true"></i> 最新发布</h3>
                    </div>
                    <div class="gj-body gul-tuw1">
                       				                               <div class="gtw-ul gclear">
                            <div class="gtw-img">
                                <a href="http://www.guojian945.com/study/13.html"><img src="http://www.guojian945.com/uploads/201803/13/180313112630855.jpg" alt="未备案网站免费使用畅言社会化评论系统的教程"></a>
                            </div>
                            <div class="gtw-body">
                                <a href="http://www.guojian945.com/study/13.html">
                                    <h4>未备案网站免费使用畅言社会化评论系统的教程</h4>
                                </a>
                                <p>好端端的多说社会化评论系统的官方近期发表了声明即将关闭服务，而大名鼎鼎的搜狐畅言评论系统需要网站域名备案才能用，那么今天博主就教大...</p>
                                <div class="gtw-sx">
                                    <i class="fa fa-plus-square" aria-hidden="true"> 原创</i>
                                    <i class="fa fa-clock-o" aria-hidden="true"> 2018-02-27</i>
                                    <i class="fa fa-eye" aria-hidden="true"> 1822</i>
                                    <a href="http://www.guojian945.com/study/"><i class="fa fa-folder-open" aria-hidden="true"> 知识干货</i></a>
                                </div>
                            </div>
                        </div>
                                                <div class="gtw-ul gclear">
                            <div class="gtw-img">
                                <a href="http://www.guojian945.com/article/11.html"><img src="http://www.guojian945.com/uploads/201803/13/180313112722593.jpg" alt="一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多"></a>
                            </div>
                            <div class="gtw-body">
                                <a href="http://www.guojian945.com/article/11.html">
                                    <h4>一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多</h4>
                                </a>
                                <p>今天的父母，总想着把最好的条件给孩子，这其实是在害孩子。成长过程中，物质越充裕，精神越疲敝；精神疲敝时，创造物质的脚步自然会停歇。反之，给孩子真实的成长，让孩子懂得困难与艰辛，教孩子珍惜馈赠...</p>
                                <div class="gtw-sx">
                                    <i class="fa fa-plus-square" aria-hidden="true"> 青榄家长地带</i>
                                    <i class="fa fa-clock-o" aria-hidden="true"> 2018-02-24</i>
                                    <i class="fa fa-eye" aria-hidden="true"> 843</i>
                                    <a href="http://www.guojian945.com/article/"><i class="fa fa-folder-open" aria-hidden="true"> 谈天说地</i></a>
                                </div>
                            </div>
                        </div>
                                                <div class="gtw-ul gclear">
                            <div class="gtw-img">
                                <a href="http://www.guojian945.com/study/8.html"><img src="http://www.guojian945.com/uploads/201803/13/180313112951280.jpg" alt="phpStudy最新使用教程 - 让天下没有难配的php环境"></a>
                            </div>
                            <div class="gtw-body">
                                <a href="http://www.guojian945.com/study/8.html">
                                    <h4>phpStudy最新使用教程 - 让天下没有难配的php环境</h4>
                                </a>
                                <p>一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境。该程序绿色小巧简易迷你仅有32M，有专门的控制面板。总之学习PHP只需一个包。对学习PHP的新手来说，WINDOWS下环境配置是一件很困难的事；...</p>
                                <div class="gtw-sx">
                                    <i class="fa fa-plus-square" aria-hidden="true"> 原创</i>
                                    <i class="fa fa-clock-o" aria-hidden="true"> 2018-02-01</i>
                                    <i class="fa fa-eye" aria-hidden="true"> 1391</i>
                                    <a href="http://www.guojian945.com/study/"><i class="fa fa-folder-open" aria-hidden="true"> 知识干货</i></a>
                                </div>
                            </div>
                        </div>
                                                <div class="gtw-ul gclear">
                            <div class="gtw-img">
                                <a href="http://www.guojian945.com/article/7.html"><img src="http://www.guojian945.com/uploads/201803/13/180313113309948.jpg" alt="博主早年崇拜的知名80后创业标杆人物茅侃侃竟然自杀了"></a>
                            </div>
                            <div class="gtw-body">
                                <a href="http://www.guojian945.com/article/7.html">
                                    <h4>博主早年崇拜的知名80后创业标杆人物茅侃侃竟然自杀了</h4>
                                </a>
                                <p>茅侃侃个人经历：1983年出生于北京，小学五年级开始玩电脑，14岁便在《大众软件》等杂志发表数篇文章，并自行设计开发软件。2004年开始创业...</p>
                                <div class="gtw-sx">
                                    <i class="fa fa-plus-square" aria-hidden="true"> 原创</i>
                                    <i class="fa fa-clock-o" aria-hidden="true"> 2018-01-27</i>
                                    <i class="fa fa-eye" aria-hidden="true"> 1288</i>
                                    <a href="http://www.guojian945.com/article/"><i class="fa fa-folder-open" aria-hidden="true"> 谈天说地</i></a>
                                </div>
                            </div>
                        </div>
                                                <div class="gtw-ul gclear">
                            <div class="gtw-img">
                                <a href="http://www.guojian945.com/article/5.html"><img src="http://www.guojian945.com/uploads/201803/13/180313113835757.jpg" alt="一枚程序媛妹子口中的IT男其实是这样的"></a>
                            </div>
                            <div class="gtw-body">
                                <a href="http://www.guojian945.com/article/5.html">
                                    <h4>一枚程序媛妹子口中的IT男其实是这样的</h4>
                                </a>
                                <p>本人女，程序员一枚。讲讲我周围的it男吧。坐在我对面的小哥，有一阵当当做活动，满200减100什么的吧，他说他买书了。过几天，搬了一摞书回...</p>
                                <div class="gtw-sx">
                                    <i class="fa fa-plus-square" aria-hidden="true"> 知乎</i>
                                    <i class="fa fa-clock-o" aria-hidden="true"> 2018-01-27</i>
                                    <i class="fa fa-eye" aria-hidden="true"> 1175</i>
                                    <a href="http://www.guojian945.com/article/"><i class="fa fa-folder-open" aria-hidden="true"> 谈天说地</i></a>
                                </div>
                            </div>
                        </div>
                                                <div class="gtw-ul gclear">
                            <div class="gtw-img">
                                <a href="http://www.guojian945.com/study/4.html"><img src="http://www.guojian945.com/uploads/201801/25/180125053634150.jpg" alt="给web前端开发人员的一些建议"></a>
                            </div>
                            <div class="gtw-body">
                                <a href="http://www.guojian945.com/study/4.html">
                                    <h4>给web前端开发人员的一些建议</h4>
                                </a>
                                <p>前端这一行，入门并不困难，掌握XHTML+CSS之后，基本上就可以找到一份工作。其他的东西，我们可以入职后再慢慢学习。那怎么才算掌握？掌握...</p>
                                <div class="gtw-sx">
                                    <i class="fa fa-plus-square" aria-hidden="true"> 博客园</i>
                                    <i class="fa fa-clock-o" aria-hidden="true"> 2018-01-25</i>
                                    <i class="fa fa-eye" aria-hidden="true"> 886</i>
                                    <a href="http://www.guojian945.com/study/"><i class="fa fa-folder-open" aria-hidden="true"> 知识干货</i></a>
                                </div>
                            </div>
                        </div>
                                                
                    </div>
                    <!--gul-tuw1-结束-->
                    <nav class="gj-page">
                    <span class="pageinfo">共<strong>1</strong>页<strong>6</strong>条记录</span><a href="https://www.guojian945.com/index/index/init/page/1.html" class="homepage">首页</a><a href="https://www.guojian945.com/index/index/init/page/1.html" class="nopage">上页</a><a href="https://www.guojian945.com/index/index/init/page/1.html" class="listpage curpage">1</a><a href="https://www.guojian945.com/index/index/init/page/1.html" class="nopage">下页</a><a href="https://www.guojian945.com/index/index/init/page/1.html" class="endpage">尾页</a>					</nav>
                </div>

                <div class="gj-gg">
                    <a href="http://www.yzmcms.com/" target="_blank" title="建站就选YzmCMS！"><img src="http://www.guojian945.com/uploads/201801/21/180121054109100.jpg"></a>                </a>
                </div>
               <div class="gj-wk gcl-hb hidd"> 
    <!--媒体列表-->
    <div class="gj-bt">
      <h3><i class="fa fa-html5" aria-hidden="true"></i> 作品分享</h3>
      <a href="http://www.guojian945.com/study/"><i class="fa fa-angle-double-left" aria-hidden="true"></i> 查看更多</a> </div>
    <div class="gj-body gul-tuw2"> 
                  <div class="gj-lg-4 gj-md-3 gj-sm-4 gj-xs-6">
        <div class="gtw-ul">
          <div class="gtw-img"> <a href="http://www.guojian945.com/theme/2.html"><img src="http://www.guojian945.com/uploads/201802/01/180201112418133.jpg" alt="响应式橙色大气html5企业网站模板GJ-qiye（YzmCMS整站版）"></a> <span>企业模板</span> </div>
          <div class="gtw-body"> <a href="http://www.guojian945.com/theme/2.html">
              <h4>响应式橙色大气html5企业网站模板GJ-qiye（YzmCMS整站版）</h4>
            </a>
            <p>响应式橙色大气html5企业网站模板GJ-qiye（YzmCMS整站版），自适应PC端、ipad、手机端，...</p>
            <div class="gtw-sx"> <span>阅读：2760</span> | <span>发布时间：2018-02-01</span> </div>
          </div>
        </div>
      </div>
      <!--gj-lg-4-结束--> 
            <div class="gj-lg-4 gj-md-3 gj-sm-4 gj-xs-6">
        <div class="gtw-ul">
          <div class="gtw-img"> <a href="http://www.guojian945.com/theme/1.html"><img src="http://www.guojian945.com/uploads/201802/01/180201024857924.jpg" alt="响应式HTML5黑白系个人网站主题GJ-blog1.0清爽版"></a> <span>博客模板</span> </div>
          <div class="gtw-body"> <a href="http://www.guojian945.com/theme/1.html">
              <h4>响应式HTML5黑白系个人网站主题GJ-blog1.0清爽版</h4>
            </a>
            <p>响应式HTML5黑白系个人模板主题GJ-blog1.0清爽版，自适应ipad、手机端，主题代码结构简洁...</p>
            <div class="gtw-sx"> <span>阅读：3116</span> | <span>发布时间：2018-01-21</span> </div>
          </div>
        </div>
      </div>
      <!--gj-lg-4-结束--> 
      	</div>
    <!--gj-body-结束--> 
</div>            </div>
            <div class="gj-lg-4">
                <div class="gj-wk gcl-hb"> 
    <!--搜索模块-->
    <div class="gj-bt">
      <h3><i class="fa fa-search" aria-hidden="true"></i> 站内搜索</h3>
    </div>
    <div class="gj-body gj-ss1">
      <form action="https://www.guojian945.com/index.php">
        <input type="hidden" name="m" value="search" />
        <input type="hidden" name="c" value="index" />
        <input type="hidden" name="a" value="init" />
        <input type="hidden" name="modelid" value="1" id="modelid" />
        <input type="text" name="q" placeholder="请输入搜索关键词···">
        <button id="searchbtn" type="submit"></button>
      </form>
    </div>
  </div>
    <div class="gj-wk gcl-hb hidd-sm hidd-md">
    <div class="gj-bt">
        <h3><i class="fa fa-user-circle-o" aria-hidden="true"></i> 会员信息</h3>
      </div>
      
    <div class="gj-body gj-user">
        						        <div class="div4">
        <div class="mid"> <img src="https://www.guojian945.com/common/static/images/default.gif" alt="" width="80" height="80">
            <h5>欢迎：zlz123</h5>
            <p>[ 初来乍到 ]</p>
          </div>
        <div class="link"> <a href="https://www.guojian945.com/member/myhome/init/userid/43.html" target="_blank"><i class="fa fa-home" aria-hidden="true"></i> 个人主页</a> <a href="https://www.guojian945.com/member/member_content/init.html" target="_blank"><i class="fa fa-plus" aria-hidden="true"></i> 在线投稿</a> <a href="https://www.guojian945.com/member/member_content/pass.html" target="_blank"><i class="fa fa-file-text" aria-hidden="true"></i> 我的文章</a> <a href="https://www.guojian945.com/member/index/init.html" target="_blank"><i class="fa fa-tachometer" aria-hidden="true"></i> 控制面板</a> </div>
        <a href="https://www.guojian945.com/member/index/logout.html" class="out"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销登陆</a> </div>
              </div>

  </div>
    <div class="gj-wk gcl-hb hidd-sm hidd-md"> 
    <!--标签模块-->
    <div class="gj-bt">
        <h3><i class="fa fa-calendar" aria-hidden="true"></i> 文章归档</h3>
      </div>
    <div class="gj-body gj-link1">
        <ul>
                        <li><a href="https://www.guojian945.com/search/index/archives/pubtime/1517475072.html">2018年02月(3)</a></li>
                <li><a href="https://www.guojian945.com/search/index/archives/pubtime/1516872636.html">2018年01月(3)</a></li>
         
      </ul>
      </div>
  </div>
    <div class="gj-wk gcl-hb"> 
    <!--侧栏-图文列表-->
    <div class="gj-bt">
        <h3><i class="fa fa-thumbs-up" aria-hidden="true"></i> 博主推荐</h3>
      </div>
                <div class="gj-body gli-tuw1">
        <div class="gtw-li gclear">
        <div class="gtw-img gj-left"> <a href="http://www.guojian945.com/study/8.html"><img src="http://www.guojian945.com/uploads/201803/13/180313112951280.jpg" alt=""></a> </div>
        <div class="gtw-body"> <a href="http://www.guojian945.com/study/8.html">
            <h4>phpStudy最新使用教程 - 让天下没有难配的php环境</h4>
          </a> <span><i class="fa fa-clock-o"> 2018-02-01</i></span> <span><i class="fa fa-eye"> 1391</i></span> </div>
      </div>
      </div>
          <div class="gj-body gli-tuw1">
        <div class="gtw-li gclear">
        <div class="gtw-img gj-left"> <a href="http://www.guojian945.com/article/7.html"><img src="http://www.guojian945.com/uploads/201803/13/180313113309948.jpg" alt=""></a> </div>
        <div class="gtw-body"> <a href="http://www.guojian945.com/article/7.html">
            <h4>博主早年崇拜的知名80后创业标杆人物茅侃侃竟然自杀了</h4>
          </a> <span><i class="fa fa-clock-o"> 2018-01-27</i></span> <span><i class="fa fa-eye"> 1288</i></span> </div>
      </div>
      </div>
          <div class="gj-body gli-tuw1">
        <div class="gtw-li gclear">
        <div class="gtw-img gj-left"> <a href="http://www.guojian945.com/article/5.html"><img src="http://www.guojian945.com/uploads/201803/13/180313113835757.jpg" alt=""></a> </div>
        <div class="gtw-body"> <a href="http://www.guojian945.com/article/5.html">
            <h4>一枚程序媛妹子口中的IT男其实是这样的</h4>
          </a> <span><i class="fa fa-clock-o"> 2018-01-27</i></span> <span><i class="fa fa-eye"> 1175</i></span> </div>
      </div>
      </div>
          <div class="gj-body gli-tuw1">
        <div class="gtw-li gclear">
        <div class="gtw-img gj-left"> <a href="http://www.guojian945.com/study/4.html"><img src="http://www.guojian945.com/uploads/201801/25/180125053634150.jpg" alt=""></a> </div>
        <div class="gtw-body"> <a href="http://www.guojian945.com/study/4.html">
            <h4>给web前端开发人员的一些建议</h4>
          </a> <span><i class="fa fa-clock-o"> 2018-01-25</i></span> <span><i class="fa fa-eye"> 886</i></span> </div>
      </div>
      </div>
        </div>
    <div class="gj-wk gcl-hb"> 
    <!--标签模块-->
    <div class="gj-bt">
        <h3><i class="fa fa-tags" aria-hidden="true"></i> 热门标签</h3>
      </div>
    <div class="gj-body gj-link3">
        <ul>
                        <li><a href="https://www.guojian945.com/search/index/tag/id/5.html" target="_blank">web前端</a></li>
                <li><a href="https://www.guojian945.com/search/index/tag/id/4.html" target="_blank">GJ-UI</a></li>
                <li><a href="https://www.guojian945.com/search/index/tag/id/2.html" target="_blank">YzmCMS</a></li>
                <li><a href="https://www.guojian945.com/search/index/tag/id/1.html" target="_blank">郭健</a></li>
              </ul>
      </div>
  </div>
    <div class="gj-gg"><a href="http://www.gjui.vip/" target="_blank" title="响应式web前端UI组件"><img src="http://i1.fuimg.com/512670/c73390e48a505242.jpg"></a></div>
    <div class="gj-wk gcl-hb"> 
    
  </div>
                <div class="gj-wk gcl-hb">
                    <!--标签模块-->
                    <div class="gj-bt">
                        <h3><i class="fa fa-user-plus" aria-hidden="true"></i> 友情链接</h3>
                        <a href="http://wpa.qq.com/msgrd?v=3&uin=1007694939&site=qq&menu=yes"><i class="fa fa-angle-double-left" aria-hidden="true"></i> 申请友链</a>
                    </div>
                    <div class="gj-body gj-link2">
                        <ul>
                            			                                            <li><a href="http://www.haoqian.xin/" target="_blank">浩仟网络官网</a></li>
                                                        <li><a href="http://www.gjui.vip/" target="_blank">GJ-UI前端组件</a></li>
                                                        <li><a href="http://blog.yzmcms.com/" target="_blank">袁志蒙博客</a></li>
                                                        <li><a href="http://www.yangqq.com/" target="_blank">杨青个人博客</a></li>
                                                        <li><a href="http://www.mguo.xin/" target="_blank">高永飞博客</a></li>
                                                        <li><a href="http://www.biymx.com/" target="_blank">碧羽墨轩</a></li>
                                                        <li><a href="http://www.tianshan277.com/" target="_blank">田珊珊个人博客</a></li>
                                                        <li><a href="http://www.rainsmoon.com" target="_blank">石增霖的个人博客</a></li>
                                                        <li><a href="http://www.yoyibk.top/" target="_blank">攸一教程网</a></li>
                                                        <li><a href="https://duwenfei.com/" target="_blank">堵文斐的个人博客</a></li>
                                                        <li><a href="http://www.zcs8.cn/" target="_blank">钟长森博客</a></li>
                                                        <li><a href="http://www.sycbk.cn" target="_blank">三叶草博客</a></li>
                                                        <li><a href="http://www.sharedblog.cn" target="_blank">前端共享博客</a></li>
                                                        <li><a href="http://www.ershiqi.cn/" target="_blank">云轩博客</a></li>
                                                    </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>

<div class="hidd-xs gcl-yh" style="border: 0">
        <!--返回顶部-->
        <a class="gj-top" style="z-index: 1030;"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
    </div>

    <footer class="gcl-yh">
        <!--footer底部-->
        <div class="gj-footer">
            <p>Copyright © 2018. 郭健博客 | Powered by <a href="http://www.yzmcms.com/" target="_blank">YzmCMS</a></p>
            <p>备案：湘ICP备16017252号-1 博客基于GJ-UI组件、YzmCMS内容管理系统</p>
        </div>
    </footer>
    <!--GJ-UI组件模块html代码结束-->



    <!--引入guojian.min.js组件脚本-->
    <script src="https://www.guojian945.com/common/static/gj-blog/js/guojian.min.js" type="text/javascript"></script>

    <!--GJ-UI组件模块js代码开始-->
    <script>
        /*GJ-UI响应式导航栏*/
        $(document).ready(function() {
            $(".gbar").click(function() {
                $(".gnav-ul").slideToggle("slow");
                return false
            })
        });
    </script>
    <script>
        /*返回顶部开始*/
        jQuery(function($) {
            $('.gj-top').toTop({
                autohide: true,
                offset: 320,
                speed: 500,
                right: 15,
                bottom: 15
            })
        });
    </script>    
    <script>
        //轮播图
        var mySwiper = new Swiper('.swiper-container', {
            loop: true, //循环切换
            autoplay: true, //自动切换

            autoplay: {
                disableOnInteraction: false,
            },

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

        })
    </script>
    <!--GJ-UI组件模块js代码结束-->
</body>

</html>